<template>
	<div class="honbao">
		<span><img src="../../../../public/img/honbao.png" ></span>
		<span>新用户注册领388元大礼包</span>
		<span><button>立即领取<i>></i></button></span>
	</div>
</template>

<script>
	export default{
		name : 'Honbao'
	}
</script>

<style scoped>
	.honbao{
		width: 100%;
		height: 1.5rem;
		background-color: rgba(0,0,0,0.8);
		position: fixed;
		bottom: 1.5rem;
		z-index: 999;
	}
	.honbao span:nth-child(1){
		display: flex;
		float: left;
		width: 12%;
		margin-top: 0.18rem;
		margin-left: 0.2rem;
		margin-right: 0.5rem;
		color: white;
	}
	.honbao span:nth-child(2){
		font-size: 0.45rem;
		line-height: 1.5rem;
		margin-right: 0.5rem;
		color: white;
	}
	.honbao span:nth-child(3) button{
		width: 2rem;
		height: 0.8rem;
		border-radius: 0.5rem;
		border: 0;
		font-size: 0.3rem;
		background-color: #ffc500;
	}
	.honbao span:nth-child(3) i{
		font-size: 0.35rem;
		font-weight: bold;
		margin-left: 0.1rem;
	}
	.honbao img{
		width: 100%;
	}
</style>
